.rank-chart{
    // border: 1px solid #c9c9c9;
    box-shadow: 0px 0 2px #C1C1C1;
    background: #fff;
    padding: 0;
}
.rank-list{
    color: #000;
    h3{
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 18px;
        color: #333;
        border-bottom: 1px solid #E8E8E8;
        background: #f8f8f8; 
        margin: 0;
    } 
    ul {
        padding-top: 10px ;
        li{
            height: 20px;
            line-height: 20px;
            font-size: 13px;
            padding: 0 20px;
            color: #333;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between; 
            .name{
                flex: 1; 
                i{
                    padding-left: 5px;
                }
            }
            .name-num{
                flex:0 1 auto;
            }
        }
    }
}
.chatroom{
    border-top: 1px solid #E8E8E8;
    ul{
        margin-left: 20px; 
        height: 210px;
        overflow-y: scroll;
        li{
            line-height: 26px;
            height: 26px;
            font-size: 13px;
            .name-yk{
                color: #0076CC;
            }
            .name-content{
                color:#333;
            }
        }
    }
    .sendmsg{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        .input-send{
            flex: 1;
            height: 36px;
            line-height: 36px;
            padding-left: 20px; 
            font-size: 14px;
            color:#333;
            border: none;
            border-top: 1px solid #e8e8e8 !important;
        }
        .send-submit{
            flex: 0 1 auto;
            width: 80px;
            background: orange;
            color: #fff;
            height: 36px;
            line-height: 36px; 
            outline: none;
            border: none;
            
        }
    }
}